<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>提交订单</title>
    <link rel="shrotcut icon" href="logo.ico">
    <link rel="stylesheet" href="css/pubic.css">
    <link rel="stylesheet" href="css/confirm_order.css">
    <script src="js/jquery-1.11.3.min.js"></script>
</head>
<body>
<div class="header">
    <div class="top">
        <div class="clearfix">
            <ul class="clearfix">
                <li>欢迎来到侨力</li>
                <li><a href="#">请登录</a><a href="#">免费注册</a></li>
            </ul>
            <ol class="clearfix">
                <li><a href="#">我的订单</a></li>
                <li><a href="#">我的侨力<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
                <li><a href="#" class="current">侨力会员</a></li>
                <li><a href="#">收藏夹<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
                <li><a href="#">客户服务<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
                <li><a href="#">网站导航<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
            </ol>
        </div>
    </div>
    <div class="content clearfix">
        <a href="index.html" class="logo"><img src="img/logo.png" alt="logo.png"></a>
        <div class="search-box clearfix">
            <form action="#" method="post">
                <input type="text" name="search" placeholder="秋冬上衣">
                <input type="button" value="搜索" class="search">
            </form>
            <p><a href="#">冬季上衣</a>
                <a href="#">品牌女装</a>
                <a href="#">户外休闲</a>
                <a href="#">运动服</a>
                <a href="#">儿童休闲服</a>
                <a href="#">亲子装</a></p>
        </div>
    </div>
    <div class="bottom clearfix">
        <div class="sidebar">
            <div class="nav"><img src="img/classify.png" alt="classify.png">商品分类</div>
            <ul>
                <li class="brand clearfix">
                    <div class="left"><a href="#">品牌</a></div>
                    <div class="right"><a href="#">特步</a><a href="#">艾酷狼</a><a href="#">探路者</a></div>
                </li>
                <li class="woman clearfix">
                    <div class="left"><a href="#">女人</a></div>
                    <div class="right"><a href="#">职业装</a><a href="#">秋冬上衣</a><a href="#">衬衫</a><a href="#">卫衣</a><a href="#">运动装</a><a href="#">休闲裤</a></div>
                </li>
                <li class="man clearfix">
                    <div class="left"><a href="#">男人</a></div>
                    <div class="right"><a href="#">夹克</a><a href="#">卫衣</a><a href="#">针织衫</a><a href="#">t恤</a><a href="#">衬衫</a><a href="#">哈伦裤</a></div>
                </li>
                <li class="children clearfix">
                    <div class="left"><a href="#">儿童</a></div>
                    <div class="right"><a href="#">亲子装</a><a href="#">运动装</a><a href="#">t恤</a><a href="#">卫衣</a><a href="#">外套</a><a href="#">棒球衫</a></div>
                </li>
            </ul>
        </div>
        <ol class="note-brand clearfix">
            <li><a href="#">热卖2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
            <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
            <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
            <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
            <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
            <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
        </ol>
        <ol class="note-woman clearfix">
            <li><a href="#">女2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
            <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
            <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
            <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
            <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
            <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
        </ol>
        <ol class="note-man clearfix">
            <li><a href="#">男2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
            <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
            <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
            <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
            <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
            <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
        </ol>
        <ol class="note-children clearfix">
            <li><a href="#">儿童2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
            <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
            <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
            <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
            <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
            <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
        </ol>
        <div class="column">
            <a href="#">秒杀</a>
            <a href="#">优惠券</a>
            <a href="#">服装城</a>
            <a href="#">侨力会员</a>
        </div>
    </div>
</div>
<div class="center">
    <ul class="clearfix topnav">
        <li class="ellipse"><span>查看购物车</span><p></p></li>
        <li><span>拍下商品</span><p>2</p></li>
        <li><span>付款到支付宝</span><p>3</p></li>
        <li><span>确认收货</span><p>4</p></li>
        <li><span>评价</span><p>5</p></li>
    </ul>
    <h2>选择收货地址</h2>
    <div class="address" id="site">
        <ol class="on" >
            <li><span class="city">湖南长沙</span><span class="people">（立夏 &nbsp;收）</span></li>
            <li><span class="phone">15870093872</span></li>
            <li><span class="street">湖南省长沙市芙蓉区芙蓉中路二段388号</span></li>
        </ol>
        <ol>
            <li><span class="city">湖南长沙</span><span class="people">（何鑫 &nbsp;收）</span></li>
            <li><span class="phone">15864867927</span></li>
            <li><span class="street">湖南省长沙市芙蓉区芙蓉中路二段312号</span></li>
        </ol>
        <ol>
            <li><span class="city">湖南长沙</span><span class="people">（李影 &nbsp;收）</span></li>
            <li><span class="phone">15857993787</span></li>
            <li><span class="street">湖南省长沙市芙蓉区芙蓉中路二段388号</span></li>
        </ol>
        <ol>
            <li><span class="city">湖南长沙</span><span class="people">（立夏 &nbsp;收）</span></li>
            <li><span class="phone">15870093872</span></li>
            <li><span class="street">湖南省长沙市芙蓉区芙蓉中路二段327号</span></li>
        </ol>
    </div>
    <div class="address-all">
        <a href="#">显示全部地址</a>
        <a href="#">添加收货地址</a>
    </div>
    <h2>确认订单信息</h2>
    <div class="title">
        <div class="cowry">店铺宝贝</div>
        <div class="quality">商品属性</div>
        <div class="univalent">单价</div>
        <div class="num">数量</div>
        <div class="sum">金额</div>
        <div class="operation">操作</div>
    </div>
    <div class="shop">店铺：<a href="#">韩火火旗舰店</a></div>
    <div class="msg">
        <div class="chart">
            <a href="#"><img src="img/shop-18.png" alt="shop-18.png"></a>
        </div>
        <div class="syn"><a href="#">2017秋冬季新款长款韩版宽松牛仔风衣外套</a></div>
        <div class="shop-quality">
            <p>颜色分类：<span class="color">蓝色</span></p>
            <p>尺码：<span class="size">S</span></p>
        </div>
        <div class="univalent">&yen; <span>186.00</span></div>
        <div class="num">
            <button class="reduce">-</button>
            <input type="text" value="1">
            <button class="add">+</button>
        </div>
        <div class="totals">&yen; <span>186.00</span></div>
        <div class="shop-handle"><a href="#">移入收藏夹</a><a href="#" class="delete">删除</a></div>
    </div>
    <div class="msg">
        <div class="chart">
            <a href="#"><img src="img/content-new-03.png" alt="content-new-03.png"></a>
        </div>
        <div class="syn"><a href="#">韩版潮流复古学院风毛衣</a></div>
        <div class="shop-quality">
            <p>颜色分类：<span class="color">白色</span></p>
            <p>尺码：<span class="size">S</span></p>
        </div>
        <div class="univalent">&yen; <span>158.00</span></div>
        <div class="num">
            <button class="reduce">-</button>
            <input type="text" value="1">
            <button class="add">+</button>
        </div>
        <div class="totals">&yen; <span>158.00</span></div>
        <div class="shop-handle"><a href="#">移入收藏夹</a><a href="#" class="delete">删除</a></div>
    </div>
    <div class="msg">
        <div class="chart">
            <a href="#"><img src="img/content-new-01.png" alt="content-new-01.png"></a>
        </div>
        <div class="syn"><a href="#">秋冬新款韩版女装格子西服套装</a></div>
        <div class="shop-quality">
            <p>颜色分类：<span class="color">灰色</span></p>
            <p>尺码：<span class="size">S</span></p>
        </div>
        <div class="univalent">&yen; <span>299.00</span></div>
        <div class="num">
            <button class="reduce">-</button>
            <input type="text" value="1">
            <button class="add">+</button>
        </div>
        <div class="totals">&yen; <span>299.00</span></div>
        <div class="shop-handle"><a href="#">移入收藏夹</a><a href="#" class="delete">删除</a></div>
    </div>
    <div class="bottom">
        <div class="leave-word">
           给卖家留言：
            <form method="post" action="#">
                <input type="text">
            </form>
        </div>
        <div class="mode">
            <div class="carry">
                <div class="left">
                    <i>运送方式：</i>
                    <span class=" plain-carry">普通配送</span>
                    <span class="name">快递</span>
                    <span class="postage">免邮</span>
                </div>
                <div class="right">
                    <span class="carry-money">0.00</span>
                </div>
            </div>
            <div class="safe">
                <div class="left">
                    <i>运费险：</i>
                    <span>0</span>
                    <span>运费险</span>
                    <span>卖家送，确认收货前退货可赔</span>
                </div>
                <div class="right">
                    <span class="safe-money">0.00</span>

                </div>
            </div>
            <div class="total">
                店铺合计（含运费）
                <span>&yen <i>643.00</i></span>
            </div>
        </div>

    </div>
    <div class="buy">
        <label><input type="checkbox"><i></i>找人代付</label>
        <label><input type="checkbox"><i></i>匿名购买</label>
    </div>
    <div class="last">
        <ul class="payment">
            <li class="sum">实付款：<span>&yen; <i>643.00</i></span></li>
            <li class="road">寄送至：<span>湖南省长沙市芙蓉区芙蓉中路二段388号</span></li>
            <li class="obtain">收货人：<span class="people">立夏</span><span class="phone">15870093872</span></li>
        </ul>
        <a href="show-cart.html" class="return"><img src="img/return.png" alt="return.png">返回购物车</a>
        <a href="#" class="refer">提交订单</a>
    </div>
</div>
<div class="footer">
    <div class="top">
        <a href="#">关于侨力</a>
        <a href="#">帮助中心</a>
        <a href="#">开放平台</a>
        <a href="#">联系我们</a>
        <a href="#">网站合作</a>
        <a href="#">法律声明及隐私权政策</a>
    </div>
    <div class="bottom">
        <span>湘ICP证08026629号</span>
        <span>Copyright ©2008 [使用者网站] Powered By [网站程序名称] Version 1.0.0</span>
    </div>
</div>
</body>
</html>
<script src="js/confirm_order.js"></script>